<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>订单</title>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
    <meta name="apple-mobile-web-app-capable" content="no" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="format-detection" content="email=no" />
    <meta name="apple-mobile-web-app-status-bar-style" content="default">
    <!-- UC应用模式 --> <meta name="browsermode" content="application"> 
    <!-- QQ应用模式 --> <meta name="x5-page-mode" content="app">

    <!-- 引入组件库 -->
     <link rel="stylesheet" href="../css/common/reset.css">
     <link rel="stylesheet" href="../css/common/layer.css">
     <link rel="stylesheet" href="../css/common/LCalendar.min.css">
      <link rel="stylesheet" href="../css/common/dateRangeCss.css">
     <!--<link rel="stylesheet" href="../css/app/order.css">-->
      <script type="text/javascript">
          document.write("<l"+"ink rel='stylesheet' href='../css/app/order.css?_v="+Math.random() +"'></lin"+"k>");

      </script>
     <!-- <link rel="stylesheet" href="static/dateRangeCss.css"> -->
    <script src="../js/common/flexible.js"></script>
    <script src="../js/common/jquery.min.js"></script>
    <script src="../js/common/LCalendar.min.js"></script>
    <script src="../js/common/dateRange.js"></script>
    <script src="../js/common/Storage.js"></script>
    <script src="../js/common/vue.js"></script>
    <script src="../js/common/config.js"></script>
      <script src="../js/common/tool.js"></script>
      <script src="../js/common/layer.js"></script>
    <script>
      setTimeout(function  () {
        $('body').css('display','block');
      },10)

    </script>

  </head>
  <body style="display:none;">
  <div id="app">

      <div class="time" v-show="!cont_show_">
          <div class="check-time" style="display:none">
              <div style="width:500px;margin:0 auto;">
                  <br><br><br><br><br>
                  <div class="ta_date" id="div_date1" style="display: none">
                      <span class="date_title" id="date1"></span>
                  </div>
              </div>
          </div>
      </div>
    <div class="order">
    <div class="flex-div">
      <div  class="order-cont">
        <div class="top">
          <p class="top-title">{{hotelName}}{{roomTypeName}}</p>
          <div class="top-cont" @click="go_time">
            <p><span style="font-size: 0.28rem;color: #aaaaaa">入住</span>:{{start}}</p>
            <p style="margin-left: -1.5rem"><span  style="font-size: 0.28rem;color: #aaaaaa">离店</span>:{{end}}</p>
            <p>共{{days}}晚<img src="../assets/icon/yuju-you.png" ></p>
          </div>
        </div>

        <div class="cont-data">
            <div class="house-num">
              <p style="font-size: 0.34666rem">房间数</p>
              <!--<p class="add-num"><span @click="sub_num_hou" style="border-radius: 0.15rem 0rem 0rem 0.15rem">-</span><input id="break-input" v-model.number="house_num" oninput="this.value=this.value.replace(/[^0-9.]+/,'');"/><span @click="add_num_hou"  style="border-radius: 0rem 0.15rem 0.15rem 0rem">+</span></p>-->
                <p class="but-img-p"><img src="../assets/icon/butadd.png"></p>
                <p class="but-goods"><span @click="sub_num_hou" >-</span><input id="break-input" v-model.number="house_num" oninput="this.value=this.value.replace(/[^0-9.]+/,'');"/><span @click="add_num_hou">+</span></p>
            </div>
            <div class="house-num">
              <p style="font-size: 0.34666rem">早餐券<em style="font-style: normal">(当前所含早餐券为<em style="font-style: normal">{{break_num_self}}</em>)</em></p>
              <!--<p><span @click="sub_num_break"  style="border-radius: 0.15rem 0rem 0rem 0.15rem">-</span><input id="break-input" v-model.number="break_num" oninput="this.value=this.value.replace(/[^0-9.]+/,'');"/><span @click="add_num_break" style="border-radius: 0rem 0.15rem 0.15rem 0rem">+</span></p>-->
                <p class="but-img-p"><img src="../assets/icon/butadd.png"></p>
                <p class="but-goods" ><span @click="sub_num_break" >-</span><input id="break-input" v-model.number="break_num" oninput="this.value=this.value.replace(/[^0-9.]+/,'');"/><span @click="add_num_break ">+</span></p>
                <!--<p class="but-img-null"><span class="span-left"></span><span class="span-right"></span></p>-->
            </div>

        </div>

        <div class="people" v-show="false"><!-- 多位人再打开 -->
          <span class="people-left" style="font-size: 0.34666rem">预订人</span>
          <div class="people-right" >
            <div class="people-right-add">
              <!-- <input type="text"> -->
              <input type="text" v-model="name" placeholder="一间房添一位入住人姓名" style=" ">
            </div>
          </div>
        </div>
        <div class="tel-num" style="border-top: 1px solid #D0D0D0;">
          <p style="font-size: 0.34666rem">预订人</p>
           <input type="text" v-model="name" placeholder="请输入预订人姓名" style=" ">
        </div>
        <div class="tel-num">
          <p style="font-size: 0.34666rem">手机号</p>
          <input type="number" placeholder="请输入手机号" v-model="mobile">
        </div>
        <div class="tel-num">
          <p style="font-size: 0.34666rem">预抵时间</p>
          <p @click="set_time" style="font-size: 0.34666rem">{{time_this}}</p>
        </div>
        <div class="tel-num">
          <p style="font-size: 0.34666rem">备注</p>
          <input type="text" placeholder="点击输入您的其他特殊要求" v-model="remark">
        </div>
        <div class="tips">
          <p>温馨提示：尊敬的会员用户，该订单可在入住日前一天14：00前免费取消或修改，过时取消或修改将收取首晚房费</p>
        </div>
      </div> 
    </div>
    <div class="price-bottom">
      <p class="bottom-add">总价</p>
      <p class="bottom-num">￥{{add_pricr}}</p>
      <p class="bottom-list" @click="bottom_list">&nbsp&nbsp&nbsp费用明细</p>
      <p class="bottom-sub" @click="go_payment">提交订单</p>
    </div>
  <!--   <div class="fade" @click="show_ctrl" v-show="alert_time_show">
    </div> -->
    <div class="alert-time" v-show="alert_time_show">

      
       <!--  <p @click="get_time"><input  type="radio" name="radio" value="12:00" id="id1" v-model="time_val" ><label for="id1" >12:00</label></p>
        <p @click="get_time"><input  type="radio" name="radio" value="13:00" id="id2" v-model="time_val"><label for="id2" >13:00</label></p>
        <p @click="get_time"><input type="radio" name="radio" value="14:00" id="id3" v-model="time_val"><label for="id3" >14:00</label></p>
        <p @click="get_time"><input type="radio" name="radio" value="15:00" id="id4" v-model="time_val"><label for="id4" >15:00</label></p>
        <p @click="get_time"><input type="radio" name="radio" value="16:00" id="id5" v-model="time_val"><label for="id5" >16:00</label></p>
        <p @click="get_time"><input type="radio" name="radio" value="17:00" id="id6" v-model="time_val"><label for="id6" >17:00</label></p>
        <p @click="get_time"><input type="radio" name="radio" value="18:00" id="id7" v-model="time_val"><label for="id7" >18:00</label></p>
        <p @click="get_time"><input type="radio" name="radio" value="19:00" id="id8" v-model="time_val"><label for="id8" >19:00</label></p>
        <p @click="get_time"><input type="radio" name="radio" value="20:00" id="id9" v-model="time_val"><label for="id9" >20:00</label></p> -->

    </div>
        <div style="display:none"> <!-- 不能删除，否则插件不起作用 -->
        <h1>LCalendar</h1>
        <div>
            <input id="demo1" type="text" readonly="" placeholder="日期选择特效" data-lcalendar="2016-05-11,2016-05-11" />
        </div>
        <div>
            <input id="demo2" type="text" readonly="" placeholder="日期和时间选择特效" value="2016-05-11 17:44" data-lcalendar="2016-05-11,2016-05-11" />
        </div>
        <div>
            <input id="demo3" v-model="time_this" type="text" readonly="" placeholder="时间选择特效" />
        </div>
        <div>
            <input id="demo4" type="text" readonly="" placeholder="年月选择特效" />
        </div>
        <!-- <div class="content-block">
            <input type="datetime-local" />
        </div> -->
    </div>

    <div class="fade" v-show="reset_show" @click="reset_show=false"></div>

         <div class="alert-tips"  v-show="reset_show">
             <div class="tips-box">
                 <p style="font-size: 0.36rem">费用明细</p>
                 <div class="tip-box-cont">
                     <p>入住一晚一间房总价<span>￥{{unit_pricr}}元</span></p>
                     <p>门市价<span>{{this.price2}}元</span></p>
                     <p>总价<span>{{this.total}}元</span></p>
                 </div>
                 <p style="text-align: right;font-size: 0.36rem;margin-top: 0.3rem;color: red;">总价：{{this.total}}元</p>
             </div>

         </div>


  </div> 


  </div>

 <!--<script src="../js/app/order.js"></script>-->
  <script type="text/javascript">
      document.write("<s"+"cript type='text/javascript' src='../js/app/order.js?_v="+Math.random() +"'></scr"+"ipt>");

  </script>

 
  </body>


</html>
